import React from "react";
import noneImg from "../../../assets/img/nonedoc.png";

const EmptyPage = () => {
    return (
        <div style={{
            width: '100%',
            height: '100%',
            display: "flex",
            alignItems: "center",
            justifyContent: "center",
            flex: 1,
            padding: '20px'
        }}>
            <div style={{
                display: 'flex',
                flexDirection: 'column',
                alignItems: 'center',
                gap: '16px'
            }}>
                <img
                    src={noneImg}
                    alt={"none-img"}
                    width={200}
                    style={{
                        opacity: 0.8,
                        filter: 'grayscale(20%)'
                    }}
                />
                <div style={{
                    textAlign: "center",
                    color: '#666',
                    fontSize: '14px',
                    fontWeight: 500,
                }}>
                    点击接口查看
                </div>
            </div>
        </div>
    )
}
export default EmptyPage;